{% extends 'base.html' %}
{% block content-header-big %}用户信息{% endblock %}
{% block content-header-small %}个人信息资料{% endblock %}
{% block content %}
    <div id="page-content">
        <div class="panel">
            <div class="panel-heading">
                <h3 class="panel-title">个人信息</h3>
            </div>
            <form class="panel-body form-horizontal form-padding">
                <!--Static-->
                <div class="form-group">
                    <label class="col-md-2 control-label">用户名</label>
                    <div class="col-md-9"><p class="form-control-static">looking_s</p></div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 control-label">姓名</label>
                    <div class="col-md-9"><p class="form-control-static">{{ request.user.userprofile.name }}</p></div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 control-label">Email</label>
                    <div class="col-md-9"><p class="form-control-static">1259001226@qq.com</p></div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 control-label">部门</label>
                    <div class="col-md-9"><p class="form-control-static">{{ request.user.userprofile.department }}</p></div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 control-label">账户有效期至</label>
                    <div class="col-md-9"><p class="form-control-static">{{ request.user.userprofile.vaild_begin_time | date:"Y-m-d H:i:s" }}</p></div>
                </div>
                <div class="form-group pad-ver">
                    <label class="col-md-2 control-label">修改密码</label>
                    <div class="col-md-9">
                        <hr class="hr-sm">
                        <input name='old_passwd' type="password" id="demo-password-input" class="form-control" placeholder="输入旧密码"><br/>
                        <input name='new_passwd'  type="password" id="demo-password-input" class="form-control" placeholder="新密码">
                        <input name='new_passwd_confirm'  type="password" id="demo-password-input" class="form-control" placeholder="再次输入新密码">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 control-label"></label>
                    <div class="col-md-9">
                        <span onclick="change_passwd()" class="pull-left btn btn-info ">
                        修改密码
                        </span>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 control-label"></label>
                    <div class="col-md-9">
                       <span id="passwd_change_res"></span>
                    </div>
                </div>
            </form>
        </div>
    </div>
{% endblock %}